/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/2/27.
	 */
	var SideBar = __webpack_require__(18);

	var Root = React.createClass({displayName: "Root",
		getInitialState: function () {
			return{
				sideBarItem:PageDM.sideBar.value,
				protocol: PageDM.protocol.value,
				InvestmentRecord: PageDM.InvestmentRecord.value
			}
		},
		componentDidMount: function(){
			var _this = this;
			UEventHub.on(PageDM.protocol.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
				_this.setState({
					protocol: v
				});
			});
			UEventHub.on(PageDM.InvestmentRecord.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
				_this.setState({
					InvestmentRecord: v
				});
			});
			UEventHub.emit("pageLoad","hello world!");
		},
		render: function() {
			var _this = this;
			return (
				React.createElement("div", null, 
					React.createElement("div", {className: "mod-account container"}, 
						React.createElement("div", {className: "sub-nav"}, 
							React.createElement(SideBar, {sideBarItem: this.state.sideBarItem})
						), 
						React.createElement("div", {className: "account padding"}, 
							React.createElement("div", {className: "help-main"}, 
								React.createElement("div", {className: "mod-title title"}, React.createElement("b", null), "服务协议详情", React.createElement("b", null)), 
								React.createElement("div", {className: "protocol-detail"}, 
									React.createElement("h1", null, "《权益转让协议》"), 
									React.createElement("div", {className: "content"}, 
										React.createElement("p", null, "投资人（受让人）列表："), 
										React.createElement("table", {className: "table-1"}, 
											React.createElement("tbody", null, 
												React.createElement("tr", null, 
													React.createElement("td", null, "序号"), 
													React.createElement("td", null, "用户ID"), 
													React.createElement("td", null, "姓名/企业名称"), 
													React.createElement("td", null, "身份证号码/工商注册号"), 
													React.createElement("td", null, "投资金额")
												), 
												
													_this.state.InvestmentRecord.map(function (item, index) {
														return (
															React.createElement("tr", null, 
																React.createElement("td", null, index+1), 
																React.createElement("td", null, item.Mobile), 
																React.createElement("td", null, item.PayUserName), 
																React.createElement("td", null, item.IDcard), 
																React.createElement("td", null, item.PayAmount)
															)
														)
													})
												
											)
										), 
										React.createElement("br", null), 
										React.createElement("p", null, "融资人（出让人）：", _this.state.protocol.FinancierInfo.CompanyName), 
										React.createElement("p", null, "身份证号码/工商注册号：", _this.state.protocol.FinancierInfo.OrganizationCode), 
										React.createElement("p", null, "融资订单号（即项目编号）：", _this.state.protocol.ProjectInfo.ProjectCode), 
										React.createElement("p", null, "平台运营商：广东网金控股股份有限公司"), 
										React.createElement("p", null, "见证机构： 浙江新昌农村商业银行股份有限公司"), 
										React.createElement("p", {className: "fc-link"}, "重要提示"), 
										React.createElement("p", null, React.createElement("b", null, "1.【新银e融投融资平台】(下称“本平台”)所提供的服务包含本平台信息技术运营服务，以及本平台提供的任何其他功能、内容或应用程序(合称\"平台服务\")。")), 
										React.createElement("p", null, React.createElement("b", null, "2.本平台的使用者，即通过注册手续，浏览本平台有关信息，使用有关服务的用户（以下简称“用户”）。如用户选择并点击确认同意接受本协议，视为用户接受本平台的服务时必须受本协议约束。若用户不接受，请勿使用本平台相关服务。")), 
										React.createElement("p", null, React.createElement("b", null, "3.用户请务必认真阅读本协议,尤其是其中所涉及的免除及限制本平台责任的条款、对会员权利限制的条款等加粗显示的内容。请用户审慎阅读并选择接受或不接受本协议。")), 

										React.createElement("p", {className: "fc-link"}, "1、本平台服务"), 
										React.createElement("p", null, "1.1本平台服务是由平台向企业或个人用户（以下统称为“用户”）提供的在线服务，具体详情以平台当时提供的服务内容为准。本平台的用户可来自平台认可的第三方认证的用户，该第三方包括但不限于金融机构、非金融机构的企业法人、社会团体等本平台认可的合格第三方。第三方平台会员登录平台并同意接受本协议后，该会员自动成为本平台用户。"), 

										React.createElement("p", null, "1.2来自合格第三方的会员，应确保自身在第三方注册信息的真实性和完整性，并应严格遵守第三方对于会员的相关使用规定。如因违反第三方规定而造成会员无法登录平台而造成的声誉、资金、设备等一切损失与本平台无关。"), 
										React.createElement("p", null, "1.3本平台运营商为项目双方在本平台进行的权益转让提供技术服务，不涉及投资人和融资人的交易信息内容及其交易资金管理服务。投资人和融资人的交易约定内容和风险应由项目双方各自承担；交易资金管理服务由本平台指定的支付清算机构提供。"), 
										React.createElement("p", null, "1.4定义："), 
										React.createElement("p", null, "除非缔约方另有约定，本协议下列术语定义如下:"), 
										React.createElement("p", null, "1.4.1项目：本协议项下的项目，是指融资人通过平台，将其合法持有的财产权益（或资产收益权，以下简称“权益”）转让予投资人，并通过到期回购使投资人获得权益回报。"), 
										React.createElement("p", null, "1.4.2本平台/平台：指", _this.state.protocol.PlatformName, "（网址为：", React.createElement("a", {target: "_blank", href: _this.state.protocol.PlatformUrl}, _this.state.protocol.PlatformUrl), "，及平台根据业务需要修改的其他网址），向投资人和融资人提供投资权益转让信息发布与管理、权益转让交易管理等服务的平台，由广东网金控股股份有限公司（即平台运营商）负责技术建设、运营维护及进行后台管理。"), 
										React.createElement("p", null, "1.4.3转让金额：是指融资人直接或间接在平台发布权益转让需求时所设定的权益转让价款（总额），具体以平台展示及记录为准。"), 
										React.createElement("p", null, "1.4.4投标期：是指融资人直接或间接在平台发布权益转让需求时所设定的募资期限。该期限以平台具体展示及记录为准。"), 
										React.createElement("p", null, "1.4.5支付清算机构：具有合法资质的支付清算机构，对投资人和融资人在本平台上的投资交易过程实现资金保管、划拨等资金交易行为。支付清算机构由平台自行指定。平台并有权根据业务需要随时变更指定的支付清算机构（以项目说明书列明为准）。"), 
										React.createElement("p", null, "1.4.6见证机构：为融资人提供见证服务（包括但不仅限于各类基本资料见证、财务见证、银行账户信息识别等），建立信用数据并展示于平台供投资人参考。基于目前信用见证的手段有限，平台对用户身份及见证服务的准确性和绝对真实性不做任何保证。"), 
										React.createElement("p", null, "1.4.7保险机构（如有）：为平台上投资人与融资人间的权益转让交易提供保证保险的境内保险公司，详见项目说明书（具体保险产品由平台视交易情况根据融资人授权进行选择）。"), 
										React.createElement("p", null, "1.4.8服务费：指融资人因使用平台服务而向平台运营商支付的费用，以及融资人因使用见证服务而向见证机构支付的费用。"), 
										React.createElement("p", null, "1.5平台所有通知将通过本平台通知系统、用户在平台预留电子邮箱、手机短信、语音电话、或其他用户确认的通知方式发送。用户应自行确保上述信息的真实和有效性，如有变更，应自行及时进行更新、维护。用户自行承担因未及时维护上述信息产生的直接或间接的任何支出或损失，平台不承担任何责任。"), 
										React.createElement("p", null, "1.6在不违反适用法律的强制性规定的前提下，本平台向用户提供的服务有可能会发生变更。"), 

										React.createElement("p", {className: "fc-link"}, "2、交易服务"), 
										React.createElement("p", null, "2.1 项目服务是由平台向用户提供的服务，具体服务内容主要包括：交易信息发布、由平台指定的支付清算机构进行交易资金划付、独立于交易双方的交易标的评估和见证等，具体详情以平台当时提供的服务内容为准。"), 
										React.createElement("p", null, "2.2本平台为投融资双方设立了专门的交易版块，该版块专用于投资人受让/投资融资人以卖出回购方式进行权益买卖。"), 
										React.createElement("p", null, "2.3本协议中权益按照份额进行交易，单位份额所代表的交易金额及最小投资份额以平台的规定（具体体现在融资人通过平台发布的权益转让项目信息/交易说明书）为准。投资人按照成功支付的转让价款所对应的权益份额与融资人建立转让关系。权益份额是指：融资人将权益设定为均等份额，每份份额具有同等的合法权益。"), 
										React.createElement("p", null, "2.4卖出回购是指：投资人投资/受让权益后，有权要求融资人在权益转让到期日/回购日，按双方约定的回购价款对权益份额进行回购。"), 
										React.createElement("p", null, "2.5 投资人投资/受让权益后，委托见证机构对该权益所对应的标的资产的债务人或管理人进行到期提示付款。"), 
										React.createElement("p", null, "2.6 在不违反适用法律的强制性规定及本协议目的的前提下，本平台向投融资双方提供的服务有可能会发生变更。"), 

										React.createElement("p", {className: "fc-link"}, "3、交易/转让标的（项目）"), 
										React.createElement("p", null, "3.1本协议项下的转让标的为权益（以下简称“投资标的”）。权益是指融资人持有的，收取和获得标的资产（包括但不限于债权、远期兑付凭证收益权、资产管理计划等）所产生的全部收益的权利，包括但不限于：（1）到期收回款项权利；（2）因标的资产发生风险或保险事故而收到的保险金、赔偿金和补偿金等相关款项的权利；（3）部分或全部转让标的资产及处分其项下相关担保权利所得款项以及以其他合法形式使用和处分标的资产所形成的全部收入；（4）取得标的资产产生的其他收入的权利。"), 
										React.createElement("p", null, "3.2权益转让明细表："), 
										React.createElement("table", {className: "table-1"}, 
											React.createElement("tbody", null, 
												React.createElement("tr", null, 
													React.createElement("td", {width: "100px;"}, "投标金额"), 
													React.createElement("td", null, _this.state.protocol.UserAgreeInfo.InvestAmount, "元人民币")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "融资期限"), 
													React.createElement("td", null, _this.state.protocol.ProjectInfo.Duration, "日")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "转让期间"), 
													React.createElement("td", null, _this.state.protocol.ProjectInfo.ValueBegin, "（起息日）至 ", _this.state.protocol.ProjectInfo.RepayBegin, "（到期/回购日）")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "起息日"), 
													React.createElement("td", null, _this.state.protocol.ProjectInfo.ValueBegin)
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "投资利率"), 
													React.createElement("td", null, "年利率 ", _this.state.protocol.ProjectInfo.Interest, "%，根据实际转让天数按日计息（日利率为年利率/360）")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "回购方式"), 
													React.createElement("td", null, "到期一次性还本付息\\每月等额还款")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "到期/回购日"), 
													React.createElement("td", null, "如到期/回购日为非工作日的，顺延至到期/回购日后的第一个工作日。回购价款实际到账时间可能延迟至到期/回购日后的1-3个工作日(到期/回购日当天及之后不计算利息)，资金到账日由项目说明书另行约定。")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "见证服务费"), 
													React.createElement("td", null, "由融资人与见证机构另行协议约定")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "平台服务费"), 
													React.createElement("td", null, "融资成本应付利息(其中融资成本及应付利息等具体金额以平台后台管理系统所列明金额为准。)")
												), 
												React.createElement("tr", null, 
													React.createElement("td", null, "保险费（如有）"), 
													React.createElement("td", null, "详见本协议第4.4.2条之约定，根据平台页面规则或系统通知确定")
												)
											)
										), 
										React.createElement("br", null), 
										React.createElement("p", null, "3.2.1投资人预期年化收益率=（权益转让到期兑付/ 回购金额-转让价款）/转让价款×（360/转让天数） ，其中："), 
										React.createElement("p", null, "转让价款=投资份额×单位份额所代表的投资金额"), 
										React.createElement("p", null, "权益转让到期兑付/ 回购金额=转让价款本金+转让价款×预期年化收益率×转让天数/360"), 
										React.createElement("p", null, React.createElement("b", null, "3.2.2预期收益率不代表平台对投资人获得相应投资收益的承诺；"), "转让天数为权益转让日至转让到期日/回购日，转让天数按日历天数连续计算。"), 
										React.createElement("p", null, "3.3 融资人通过支付清算机构收到投资人支付的全部转让价款【扣除平台服务费、见证服务费、保险费（如有）】后，相应的权益即不可撤销的转让给投资人。转让日为融资人通过支付清算机构收到投资人支付的全部转让价款【扣除平台服务费、见证服务费、保险费（如有）】之日。"), 
										React.createElement("p", {className: "fc-link"}, "4、投资服务交易"), 
										React.createElement("p", null, "4.1交易主体"), 
										React.createElement("p", null, "4.1.1融资人：通过本平台发布权益转让项目的平台用户，通过本平台发布权益转让项目需求，确认本协议并使用本平台服务，同时经见证机构（具体详见项目说明）见证符合平台融资条件的用户。不符合上述条件的用户，不能成为本协议所称融资人。"), 
										React.createElement("p", null, "4.1.2投资人：根据自身交易目标、交易期限、风险承受能力和资产状况等，以其合法所得的自有资金，在本平台上以投资竞标的方式对融资人出让的权益进行认购，获得投资收益，具有非保本类资金融通产品投资的经历并熟悉互联网，自行承担风险的平台用户。"), 
										React.createElement("p", null, "4.2 交易流程"), 
										React.createElement("p", null, "4.2.1 融资发布"), 
										React.createElement("p", null, "4.2.1 .1融资人通过本平台发布权益转让项目需求前，应向见证机构提交必要的身份信息（企业融资人应提供企业名称、办公地址、企业人民银行征信信息、企业法人姓名、身份证明、企业开户行及账号等信息，或平台认为必要的其他信息；自然人融资人应提供姓名、身份证号码、居住地址、个人征信信息、个人开户行及账号等信息，或见证机构认为必要的其他信息。融资人承诺并保证其向见证机构提供的所有信息均为最新、真实、完整和有效的。见证信息将由见证机构经平台运营商的技术推送发布至平台（有关具体信息的发布形式及内容将由见证机构及平台运营商根据保护融资人隐私的原则做相应保护性处理），见证机构及平台运营商有权根据融资人具体情况予以拒绝发布或临时撤销。上述见证不作为对融资人履行回购义务和利息收益的任何保证或担保。投资人依据见证结果向融资人提供资金所产生的一切后果由投资人自行承担。"), 
										React.createElement("p", null, "4.2.1.2融资人发布权益转让项目需求的模式（依实际操作确定）："), 
										React.createElement("p", null, "a.融资人委托相关方根据其账单数据、账单日期等信息，自动将融资需求发送至本平台。融资人对权益转让项目需求信息无疑义，同意承担所有相关法律责任。"), 
										React.createElement("p", null, "b.融资人自行或委托第三方将权益转让需求发送至本平台。融资人对权益转让项目需求信息无疑义，同意承担所有相关法律责任。"), 
										React.createElement("p", null, "4.2.2投资人在投标起止时间内（下简称“投标期间”），选择融资人拟转让的权益，按照平台对最小投资份额的规定，支付转让价款受让权益份额。"), 
										React.createElement("p", null, "4.2.3投资人投标结束后，如所有投资人支付的转让价款之和大于零但未达到项目预期总转让价款金额的，平台有权自行评估并确定权益转让项目是否成立。如平台决定权益转让项目成立的，支付清算机构将按照平台指令，将投资人的投资资金支付至融资人所指定的银行账户，自上述投资金额发放至融资人指定的银行账户之日起，投资人和融资人正式确立转让关系；如平台决定权益转让项目不成立的，支付清算机构将按照平台指令，将投资人的投资本金最晚在起息日当天归还给投资人，期间不产生任何形式的孳息。该权益未成功转让的部分份额由融资人自行持有。"), 
										React.createElement("p", null, "4.2.4投标结束后，如项目实际募集资金大于权益预期总转让价款金额的（即产生超募），平台将根据投资人的支付时间顺序，将顺序在后的转让价款/部分转让价款通过支付清算机构对超募资金进行退款处理。超募资金将被退至投资人在投标时指定的收款银行账户。投资人同意超募资金不产生任何形式的孳息。"), 
										React.createElement("p", null, "4.2.5支付清算机构收到所有投资人支付的转让价款后，根据平台系统指令将转让价款（扣除平台服务费，如有）支付至融资人指定的银行账户之时起，视同投资人和融资人正式确立权益转让合同关系，平台将上述相关事宜通过电子邮件、手机短信或平台公示等方式向双方予以告知。"), 
										React.createElement("p", null, "4.2.6投资人和融资人的真实身份、双方之间权益转让关系的确立及具体内容以平台的交易记录为准，投资人和融资人对此均无异议。"), 
										React.createElement("p", null, "4.2.7投资人同意并认可使用本平台指定的支付清算机构提供的交易资金管理服务。支付清算机构将根据平台发送的交易指令进行投资资金支付、接收、保管、退款、发放、代扣平台服务费、划转投资本金和收益等服务，并为资金在所有过程中的安全性提供保障。在支付清算机构将上述投资资金划转至融资人指定的银行账户前，投资人所支付投资资金由支付清算机构保管并保证其安全。投资人通过和使用支付清算机构进行资金的划转、存放，在任何情况下均不产生任何形式的孳息。"), 
										React.createElement("p", null, "4.2.8投融资双方同意：融资人在本平台发布的权益转让信息为本协议不可分割的组成部分。如融资人和投资人的权益转让关系最终确立的，融资人通过平台发布的资产信息即成为双方权益转让合同不可分割的组成部分。"), 
										React.createElement("p", null, "4.2.9平台在收到投资人对权益转让的投资/受让交易申请后，将通过平台展示或通知方式发送投资/受让数据明细和订单号，此订单号作为投资人向支付清算机构支付转让价款的唯一标识。"), 
										React.createElement("p", null, "4.2.10支付清算机构根据本平台提供的数据以及实际到款情况，于转让日当日将投资金额划付至融资人指定的账户，并在完成划款后向平台和投资人出具划款结果。"), 
										React.createElement("p", null, "4.3 投资回收"), 
										React.createElement("p", null, "4.3.1投资人在成功支付转让价款后，可通过平台会员中心查看投资及投资回收等详细情况。"), 
										React.createElement("p", null, "4.3.2投资人有权在权益转让到期日/回购日，要求融资人无条件回购，并支付回购价款。"), 
										React.createElement("p", null, "4.3.2.1在转让到期日/回购日当天或该日后一至三个工作日，投资人收到融资人通过支付清算机构足额支付的投资本金和/或收益的，视为融资人正常回购。为避免歧义，投资人在转让到期日/回购日的该日后一至三个工作日足额收到融资人支付回购本金和/或收益的，不视为发生融资人逾期回购/投资人回收逾期，投资收益仍按照本协议约定的转让天数计算（如融资人已按本协议或项目说明书等约定购买保险或安排其他增信措施的，则触发保险公司出险理赔或触发其他代偿机制后，投资人在转让到期日/回购日的该日后一至三个工作日足额收到理赔款、代偿本金和/或收益等的，视为保险公司或代偿机构履约完毕，投资人应将要求融资人回购的权利转让予保险公司或代偿机构）。"), 
										React.createElement("p", null, "4.3.2.2投资人未在转让到期日/回购日当天或该日后一至三个工作日收到融资人通过支付清算机构足额支付的投资本金和/或收益的，则视为融资人发生逾期。对于融资人出现逾期的，投资人有权要求其支付违约金。"), 
										React.createElement("p", null, "4.3.2.3违约金按照逾期款项中的投资金额（本金部分）自逾期之日起按本协议约定投资利率的150%为标准按日计收，直至清偿完毕之日。违约金不计复息。"), 
										React.createElement("p", null, "4.3.2.4 融资人在发生逾期后支付回购资金的，如融资人支付的回购金额不足以足额清偿全部到期应付款项的，本平台有权按如下顺序指令支付清算机构向投资人支付应付款项："), 
										React.createElement("p", null, "A.截止到该回购日的违约金；B.收益；C. 本金。"), 
										React.createElement("p", null, "4.3.2.5融资人逾期回购时由见证机构或其他第三方机构向投资人进行全部/部分代偿的，则代偿资金将按前款约定的还款顺序进行分配。投资人在本协议或项目说明书约定的本息回收时间内收到见证机构或其他第三方机构代偿的回收投资本金及利息，即视为投资人已将其对融资人所享有的相应权利（包括但不限于要求融资人履行回购义务及支付违约金的权利）一并转让给见证机构或其他第三方机构，见证机构或其他第三方机构有权向融资人追偿。"), 
										React.createElement("p", null, "4.3.2.6 本平台有义务对融资人进行到期提醒及逾期催收。"), 
										React.createElement("p", null, "4.3.3 投资人投资/受让权益所取得的收益，由投资人按照所适用法律法规自行缴纳相应的税费。"), 
										React.createElement("p", null, "4.3.4 若融资人逾期回购的，见证机构或其他第三方机构可能进行代偿，投资人同意在见证机构或平台指定第三方机构同意之后，向上述机构转让本协议项下权益（如有保险机构理赔或见证机构、其他第三方代偿的，要求融资人支付违约金的权利一并转让），融资人对此无异议。本款视为转让已通知融资人，不再另行通知。"), 
										React.createElement("p", null, "4.4 费用及其他"), 
										React.createElement("p", null, "4.4.1 投资人可以免费享受本平台服务，无需向本平台缴纳任何费用。"), 
										React.createElement("p", null, "4.4.2 融资人费用"), 
										React.createElement("p", null, "a.平台服务费（如有）:"), 
										React.createElement("p", null, "(1) 平台服务费=融资成本—应付利息(其中融资成本及应付利息等具体金额以平台后台管理系统所列明金额为准。)"), 
										React.createElement("p", null, "(2)融资人授权第三方支付机构根据平台的指令将平台服务费从投资人支付的投资金额（即实际融资金额）中直接扣除。融资人确认该平台服务费的扣除不影响融资人根据实际融资金额向投资人支付融资利息。"), 
										React.createElement("p", null, "b. 保险费（如有）:"), 
										React.createElement("p", null, "(1) 保费的计算方式（根据平台页面规则或系统通知确定）："), 
										React.createElement("p", null, "①保费=实际融资金额×年化保费费率/360×融资期限(其中年化投保费费率具体金额以平台页面展示及实际扣收为准)。"), 
										React.createElement("p", null, "②保费=转让项目占用远期兑付凭证金额×年化保费费率/360×融资期限（具体金额以平台页面展示及实际扣收为准）。"), 
										React.createElement("p", null, "(2) 融资人不可撤销的授权第三方支付机构根据平台的指令从投资人支付的投资金额（即实际融资金额）中直接扣除转让项目的保险费。"), 
										React.createElement("p", null, "c. 其他费用（如有，以平台页面规则或系统通知为准）:"), 
										React.createElement("p", null, "(1) 融资人不可撤销的授权第三方支付机构根据平台的指令从投资人支付的投资金额（即实际融资金额）中直接扣除融资人应向平台合作机构支付的各项费用。"), 
										React.createElement("p", null, "(2) 融资人不可撤销的授权第三方支付机构根据平台的指令从投资人支付的投资金额（即实际融资金额）中直接扣除融资人应向见证机构支付保管远期兑付凭证和进行信息见证的各项手续费(包括但不限于远期兑付凭证托管费、电子商务商户管理费等)。"), 
										React.createElement("p", null, "d.若投资人与融资人间的权益转让合同关系未能成立，则融资人无需缴纳上述费用。"), 
										React.createElement("p", null, "4.4.3投资人和融资人遵循“投融自愿、诚实守信、责任自负、风险自担”的原则承担项目风险，平台不承担项目违约风险。"), 
										React.createElement("p", null, "4.4.4 平台向投资人提供的各种信息及资料仅为参考，投资人应依其独立判断做出决策。投资人据此进行交易的，产生的风险由投资人自行承担，且无权据此向平台及其所有者和相关方提出任何法律主张。在交易过程中，投资人和融资人之间发生的纠纷，由纠纷各方自行解决，平台不承担任何责任。"), 
										React.createElement("p", {className: "fc-link"}, "5、投资人、融资人的权利义务"), 
										React.createElement("p", null, "5.1 投资人"), 
										React.createElement("p", null, "5.1.1投资人承诺向第三方支付机构及平台提供的信息及时、合法、真实、有效、完整。"), 
										React.createElement("p", null, "5.1.2按照本协议约定支付转让价款。"), 
										React.createElement("p", null, "5.1.3 有权要求融资人提供与转让标的有关的资料，并委托见证机构保管。"), 
										React.createElement("p", null, "5.1.4 如标的资产/转让标的需要办理担保手续的，投资人亦有权委托见证机构代为收取标的资产相关材料、向标的资产项下义务人发出通知及在登记机关办理登记手续并保管担保过程中的相关凭证、文件等资料。上述担保具体事宜以担保合同约定为准，融资人对担保合同的全部内容（包括但不限于担保范围、担保期间、担保权利实现方式等等）予以认可，该担保合同对融资人具有约束力。"), 
										React.createElement("p", null, "5.1.5 投资人必须遵守本协议及相关法律法规。投资人不得利用平台服务进行洗钱或其他不正当交易行为，否则应依法独立承担法律责任。"), 
										React.createElement("p", null, "5.2 融资人"), 
										React.createElement("p", null, "5.2.1融资人承诺向第三方支付机构及平台提供的信息及时、合法、真实、有效、完整，且承诺向投资人真实、完整地出让其合法持有的权益份额。"), 
										React.createElement("p", null, "5.2.2融资人根据交易情况同意以下保障措施："), 
										React.createElement("p", null, "5.2.2.1保险（如有，以平台页面规则或系统通知为准）:"), 
										React.createElement("p", null, "投资人与融资人之间权益转让关系成立的，融资人同意作为投保人，向平台指定的保险公司代为购买相应的保险，并在此无条件、不可撤销地委托平台方案提供商或见证机构将其用于投保的相关资料提供给保险公司、签订相应的保险合同及缴纳保费、指定赔款的接收账户、在申请理赔时将投资人的相关信息向保险公司进行披露以获得理赔，并在获得保险理赔后将相关权益转让给保险公司。如融资人选择购买保险的，投资人无条件、不可撤销及变更地同意投资人作为该项保险的被保险人，并在此不可撤销地委托平台方案提供商或见证机构代为将投资人的相关信息向保险公司进行披露、向保险公司提交相关资料请求赔偿、发出出险通知、指定赔款的接收账户、与保险公司签署赔偿协议，在保险公司赔偿后向其转让权益及从属权利等。投资人与融资人对此均无异议，并对前述保险合同及赔偿协议的全部内容予以认可，前述协议对投资人与融资人均具有约束力。"), 
										React.createElement("p", null, "5.2.2.2远期兑付凭证质押（如有）:"), 
										React.createElement("p", null, "a. 融资人以其持有的远期兑付凭证为其履行本协议项下的回购义务提供质押担保。为保障投资人权益，融资人与投资人均同意投资人委托见证机构（或通过其辖属分支机构，下同）作为投资人的质权代理人。质权代理人的权利包括但不限于：代理投资人与融资人就远期兑付凭证的质押担保事项另行签订远期兑付凭证质押合同（以下简称“质押合同”）；代理投资人行使质押合同项下质权人的权利、代为履行质权人的义务等。同时，融资人亦同意投资人委托见证机构作为保管人对质押的实物远期兑付凭证按质押合同的约定进行保管。融资人同意向见证机构支付保管远期兑付凭证和进行信息见证的相关手续费(包括但不限于远期兑付凭证托管费、电子商务商户管理费等)。如权益转让项目项下投资人为多人的，远期兑付凭证设定的质权由全部投资人共同享有，每一投资人均不得单独就质押远期兑付凭证主张行使质权，而应按照本协议的约定统一由代理人代为行使。"), 
										React.createElement("p", null, "b. 融资人承诺不得赠与、转让、再质押或以其他方式处分其质押的远期兑付凭证，亦不能以挂失或通过公示催告程序等方法主张其质押的远期兑付凭证无效。融资人承诺与保证，截至权益转让项目发布日："), 
										React.createElement("p", null, "（1）作为质押担保物的远期兑付凭证及其项下基础交易真实、合法、有效，记载事项完整；"), 
										React.createElement("p", null, "融资人真实享有远期兑付凭证权利；"), 
										React.createElement("p", null, "（2）远期兑付凭证上不存在优先于投资人的权利，未转让或质押给除投资人以外的其他任何第三方，不存在被有权机关查封、冻结等情况；"), 
										React.createElement("p", null, "（3）远期兑付凭证尚未到期。"), 
										React.createElement("p", null, "5.2.2.3融资人同意，融资人逾期回购时，对于已经保险公司承保的质押权益转让，投资人有权选择行使质权、直接向保险公司索赔或采取其他的法律措施。"), 
										React.createElement("p", null, "5.2.2.4融资人认可在其签订本协议后，即视为不可撤销地授权平台根据项目的交易结果于协议中生成投资人信息、签约日期信息以及具体融资项目信息，融资人不得以其签订本协议时尚未知悉前述信息为由而拒绝履行本协议项下的义务。未经协议其他方的同意，任何一方不得否认本协议项下债权债务关系或以任何方式撤回、撤销本协议。"), 
										React.createElement("p", {className: "fc-link"}, "6、投资人、融资人陈述与保证"), 
										React.createElement("p", null, "6.1 企业投资人应是依法成立并有效存续的企业法人、事业单位或其他组织且已取得签订并履行本协议所需的各项授权和批准；自然人投资人应具有法律规定的完全行为能力。"), 
										React.createElement("p", null, "6.2 投资人保证受让/投资权益的资金来源合法，投资人有权支配。"), 
										React.createElement("p", null, "6.3投资人了解项目信贷风险，确认具有相应的风险认知和承受能力。"), 
										React.createElement("p", null, "6.4投资人理解并同意自行承担权益转让、回购过程中产生的本息损失。"), 
										React.createElement("p", null, "6.5投资人确认，投资人授权和委托平台根据本协议所采取的全部行动和措施的法律后果均归属于投资人；在任何情形下，平台不是本协议项下任何交易的债务人或需要以其自有资金偿还本协议项下的任何债务。平台亦不是本协议项下交易的担保人或需要以其自有资金承担任何的担保责任。"), 
										React.createElement("p", null, "6.6 投资人理解，见证机构接受融资人的委托，为其在平台发布的信息和标的资产提供见证。上述见证不作为对投资人投资资金本金归还和收益的任何保证或担保。投资人依据见证机构见证结果受让融资人持有的权益所产生的一切后果由投资人自行承担。"), 
										React.createElement("p", null, "6.7 融资人承诺：融资人已向平台及投资人如实报告了影响或可能影响投资人权益的重大信息。如发生任何影响或者可能影响融资人经济状况、信用状况、回购能力的事由，包括但不限于生产经营、财务情况等事项的变化，融资人应于前述事项发生之日起5个工作日内通知平台。"), 
										React.createElement("p", null, "6.8融资人承诺：在平台提交的融资项目真实、有效，不会通过变换项目名称、对项目内容进行非实质性变更等方式、或再通过其他网络借贷信息中介机构进行重复融资。"), 
										React.createElement("p", null, "6.9 融资人承诺根据发布的权益转让项目列明的权益转让用途使用融资资金，并保证不挪用融资资金或将融资资金用于以下目的和用途："), 
										React.createElement("p", null, "a. 以任何形式进入证券市场，或用于股本权益性投资；"), 
										React.createElement("p", null, "b. 用于房地产项目开发；"), 
										React.createElement("p", null, "c. 用于国家明令禁止或限制的经营活动；"), 
										React.createElement("p", null, "d. 其他违反法律法规规定的用途。"), 
										React.createElement("p", null, "6.10 融资人承诺，不会利用平台进行洗钱、非法集资或其他不正当交易行为，否则应依法独立承担法律责任。"), 

										React.createElement("p", {className: "fc-link"}, "7、服务安全"), 
										React.createElement("p", null, "7.1 用户在成为本平台会员后，应对其会员账号在本平台一切操作应承担相应的法律后果，不得以非本人操作为由主张撤销或变更。"), 
										React.createElement("p", null, "7.2 用户应自行保证其会员账户及使用安全，并对其账户及其使用承担全部责任。"), 
										React.createElement("p", null, "7.3 平台提供密码验证作为识别用户身份的方式，其须自行保证密码的安全性。用户同意通过密码在本平台进行的任何操作均视为其自身的行为。"), 
										React.createElement("p", null, "7.4 因用户导致的任何损失由其自行承担，包括但不限于：决策失误、操作不当、遗忘或泄露密码、密码被他人破解、用户使用的计算机系统被第三方侵入、委托他人代理交易时他人恶意或不当操作而造成的损失。"), 

										React.createElement("p", {className: "fc-link"}, "8、违约及其他风险"), 
										React.createElement("p", null, "8.1 在任何情况下（包括但不限于以下情况），本平台对投资人与融资人间交易的任何损失不承担法律责任，包括但不限于资金损失、利润损失、营业中断损失等，本平台均不负责赔偿："), 
										React.createElement("p", null, "8.1.1本平台公示的系统停机维护期间。"), 
										React.createElement("p", null, "8.1.2电信设备出现故障不能进行数据传输。"), 
										React.createElement("p", null, "8.1.3由于黑客攻击、网络供应商技术调整或故障、平台系统升级、银行方面的问题等原因而造成的服务中断或延迟。"), 
										React.createElement("p", null, "8.1.4因台风、地震、海啸、洪水、停电、战争、恐怖袭击等不可抗力之因素，造成本平台系统障碍不能执行业务。"), 
										React.createElement("p", null, "8.2 若平台、投资人基于合理判断融资人可能发生本协议中约定的违约事件的，投资人有权要求本平台披露融资人真实身份信息并提供与双方转让关系、转让款项发放和支付等相关资料，并采取下列任何一项或几项救济措施："), 
										React.createElement("p", null, "8.2.1要求本平台和支付清算机构立即暂缓、取消发放全部或部分转让款项；"), 
										React.createElement("p", null, "8.2.2解除本协议，要求融资人立即承担相应的违约责任；"), 
										React.createElement("p", null, "8.2.3采取法律、法规以及本协议约定的其他救济措施。"), 
										React.createElement("p", null, "8.3针对每一个权益转让项目/投资标的，如国家宏观政策以及市场相关法律法规发生变化，或权益转让项目/交易标的被发现存在重大瑕疵，预计会影响到投资人投资本金和收益实现的，则本平台有权在转让日之前自行决定该权益转让项目不成立，并取消该项目信息的发布且无需征得项目双方的同意。"), 

										React.createElement("p", {className: "fc-link"}, "9、保密条款"), 
										React.createElement("p", null, "9.1 本协议签署后, 除非事先得到本平台的书面同意, 用户应承担以下保密义务："), 
										React.createElement("p", null, "9.1.1用户不得向任何第三方披露本协议以及本协议项下的事宜以及与此等事宜有关的任何文件、资料或信息（以下简称“保密信息”）；"), 
										React.createElement("p", null, "9.1.2用户只能将保密信息和其内容用于本协议项下的目的, 不得用于任何其他目的。本款的约定不适用于下列保密信息："), 
										React.createElement("p", null, "a.从披露方获得时，已是公开的；"), 
										React.createElement("p", null, "b.从披露方获得前，接受方已经获知的；"), 
										React.createElement("p", null, "c.从有正当权限并不受保密义务制约的第三方获得的；"), 
										React.createElement("p", null, "d.非依靠披露方披露或提供的信息独自开发的。"), 
										React.createElement("p", null, "9.2 用户因下列原因披露保密信息，不受前款的限制："), 
										React.createElement("p", null, "9.2.1因遵循可适用的法律、法规的强制性规定而披露；"), 
										React.createElement("p", null, "9.2.2依据其他应遵守的法律法规向有权机构进行的披露。"), 
										React.createElement("p", null, "9.3 用户应采取所有其他必要、适当和可以采取的措施，以确保保密信息的保密性。"), 
										React.createElement("p", null, "9.4 用户应促使其向之披露保密信息的人严格遵守本条约定。"), 
										React.createElement("p", null, "9.5 用户在本条项下的权利和义务应在本协议终止或到期后继续有效。"), 

										React.createElement("p", {className: "fc-link"}, "10、证据"), 
										React.createElement("p", null, "10.1用户确认并同意，由平台对本协议项下的权益转让/回购价款进行计算；平台对本协议项下任何金额的任何证明或确定，应作为该金额有关事项的终局证明。"), 
										React.createElement("p", null, "10.2本协议经用户通过平台以网络在线点击确认的方式订立。用户委托平台保管所有与本协议有关的书面文件或电子信息；用户确认并同意由平台提供的与本协议有关的书面文件或电子信息应作为本协议有关事项的终局证明。"), 

										React.createElement("p", {className: "fc-link"}, "11、协议文本"), 
										React.createElement("p", null, "11.1 在本平台交易需订立的协议采用电子协议形式，并在平台上保留存档，用户同意以网络页面点击确认或其他方式（包括但不限于签字或签章确认等方式）签订本协议。用户使用其在本平台注册的账户登录后，根据本平台的相关规则通过点击确认或类似方式签署的电子协议即视为用户的真实意愿并以用户的名义签署的协议，具有法律效力。用户应妥善保管自己的账户密码等账户信息，不得以账户密码等账户信息被盗用或其他理由否认已订立的协议的效力或不按照该等协议履行相关义务。"), 
										React.createElement("p", null, "11.2 用户根据本协议以及本平台的相关规则签署电子协议后，不得擅自修改该协议。本平台向用户提供电子协议的备案、查看、核对等服务，如对电子协议真伪或电子合同的内容有任何疑问，用户可通过本平台的相关系统板块查阅有关协议并进行核对。如对此有任何争议，应以本平台记录的协议为准。"), 
										React.createElement("p", null, "11.3 用户不得私自仿制、伪造在本平台上签订的电子协议或印鉴，不得用伪造的协议进行招摇撞骗或进行其他非法使用，否则用户应自行承担责任。"), 
										React.createElement("p", null, "11.4如果本协议中的部分条款违反适用的法律法规，则该部分条款将被视为无效，但无效条款并不影响本协议其他条款的效力。"), 
										React.createElement("p", null, "11.5本协议自文本最终生成之日起生效。"), 

										React.createElement("p", {className: "fc-link"}, "12、其他说明"), 
										React.createElement("p", null, "12.1 本协议的签订、履行、终止、解释均适用中国法律，各方一致同意本协议签订地为广州市天河区。各方同意，因本协议所产生的或与本协议有关的一切争议，各方应协商解决；协商无法达成一致的，应向协议签订地法院提起诉讼。但如发生本协议第4.3.4条所述情形的，管辖法院所在地为见证机构所在地；如发生本协议第5.2.2.1条情形的，管辖法院所在地为保险机构所在地。"), 
										React.createElement("p", null, "12.2 因法律法规的规定或本平台向投资人、融资人提供的服务形式、内容发生实质变更的需要，在不损害投融资人双方权益的前提下，本平台将有权更新本协议，相关更新内容将通过本平台予以公告。公告后，变更后的协议即对投融资人双方产生约束力。"), 
										React.createElement("p", {align: "right"}, "投资人：", _this.state.protocol.UserAgreeInfo.UserName), 
										React.createElement("p", {align: "right"}, "融资人：", _this.state.protocol.FinancierInfo.CompanyName), 
										React.createElement("p", {align: "right"}, "平台运营商：广东网金控股股份有限公司"), 
										React.createElement("p", {align: "right"}, "见证机构： 浙江新昌农村商业银行股份有限公司"), 
										React.createElement("p", {align: "right"}, "签订日期：", _this.state.protocol.SignDateTime)
									)
								), 

								React.createElement("div", {className: "clear"})
							)
						), 
						React.createElement("div", {className: "clear"})
					)
				)
			)
		}
	});
	ReactDOM.render(React.createElement(Root, null), document.getElementById('giraffe'));

/***/ },
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */,
/* 14 */,
/* 15 */
/***/ function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
	  Copyright (c) 2016 Jed Watson.
	  Licensed under the MIT License (MIT), see
	  http://jedwatson.github.io/classnames
	*/
	/* global define */

	(function () {
		'use strict';

		var hasOwn = {}.hasOwnProperty;

		function classNames () {
			var classes = [];

			for (var i = 0; i < arguments.length; i++) {
				var arg = arguments[i];
				if (!arg) continue;

				var argType = typeof arg;

				if (argType === 'string' || argType === 'number') {
					classes.push(arg);
				} else if (Array.isArray(arg)) {
					classes.push(classNames.apply(null, arg));
				} else if (argType === 'object') {
					for (var key in arg) {
						if (hasOwn.call(arg, key) && arg[key]) {
							classes.push(key);
						}
					}
				}
			}

			return classes.join(' ');
		}

		if (typeof module !== 'undefined' && module.exports) {
			module.exports = classNames;
		} else if (true) {
			// register as 'classnames', consistent with npm package name
			!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
				return classNames;
			}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
		} else {
			window.classNames = classNames;
		}
	}());


/***/ },
/* 16 */,
/* 17 */,
/* 18 */
/***/ function(module, exports, __webpack_require__) {

	/*
	 * Created by Administrator on 2017/3/31.
	 */
	var Collapse = __webpack_require__(19).Collapse;
	var Panel = __webpack_require__(19).Panel;
	var SideBar = React.createClass({displayName: "SideBar",
	    getDefaultProps: function() {
	        return{

	        }
	    },
	    getInitialState: function () {
	        return{
	            sideBarItem : this.props.sideBarItem
	        }
	    },
	    componentDidMount:function(){

	    },
	    render: function () {
	        var defaultkey = 0;
	        var sidebarlist = this.state.sideBarItem.sideBarList;
	        for(var i = 0; i < sidebarlist.length; i++){
	            for(var j = 0; j < sidebarlist[i].itemChildList.length; j++){
	                if(sidebarlist[i].itemChildList[j].current){
	                    defaultkey = i;
	                    break;
	                }
	            }
	        }

	        var collapseSettings = {
	            defaultKey: defaultkey,
	            afterCallBack : function(){
	                console.log("回调");
	            }
	        };
	        var panelSettings = {
	            arrow : {
	                style : {
	                    top: "6px",
	                    left: "130px"
	                },
	                openContent : "<i class='icon-sanjiaoxing iconfont'></i>",
	                closeContent : "<i class='icon-sanjiaoxing2 iconfont'></i>"
	            },
	            headerCanClick: true,
	            arrowCanClick: true
	        };
	        return (
	            React.createElement("div", {className: "sub-nav"}, 
	                React.createElement(Collapse, React.__spread({accordion: true},   collapseSettings), 
	                    
	                        this.state.sideBarItem.sideBarList.map(function(item,index){
	                            return (
	                                React.createElement(Panel, React.__spread({title: item.itemName, key: index},  panelSettings), 
	                                    React.createElement("ul", null, 
	                                        
	                                            item.itemChildList.map(function(itm,idx){
	                                                return (
	                                                    React.createElement("li", {className: itm.current?"current":""}, React.createElement("a", {href: itm.childUrl}, itm.childName))
	                                                )
	                                            })
	                                        
	                                    )
	                                )
	                            )
	                        })
	                    
	                )
	            )
	        )
	    }
	})

	module.exports = SideBar;

/***/ },
/* 19 */
/***/ function(module, exports, __webpack_require__) {

	/*
	 * @constructs
	 * Created by Administrator on 2017/2/9.
	 */
	module.exports = {
	    Collapse:__webpack_require__(20),
	    Panel:__webpack_require__(21)
	}

/***/ },
/* 20 */
/***/ function(module, exports) {

	/*
	 * Created by Administrator on 2016/12/9.
	 */
	/**
	 * Collapse组件
	 *
	 * @class Collapse
	 * @extends Basic
	 *
	 * @param [afterCallBack] 回调函数
	 * @param [arrow] 箭头
	 * @param [headerCanClick] 头部是否可点击
	 * @param [arrowCanClick] 箭头是否可点击
	 * @param [accordion] 是否是手风琴效果
	 *
	 * 示例:
	 *
	 *     @example
	 *     var collapseSettings = {
	 *           afterCallBack : function(){
	 *               console.log("回调");
	 *           }
	 *       };
	 *       var panelOneSettings = {
	 *           arrow : {
	 *               style : {
	 *                   top: "0",
	 *                   right: "50px"
	 *               },
	 *               openContent : "修改↓",
	 *               closeContent : "修改↑"
	 *           },
	 *           headerCanClick: false,
	 *           arrowCanClick: true
	 *       };
	 *       var panelTwoSettings = {
	 *           arrow : {
	 *               style : {
	 *                   top: "0",
	 *                   left: "16px"
	 *               },
	 *               openContent : "v",
	 *               closeContent : ">"
	 *           },
	 *           headerCanClick: true,
	 *           arrowCanClick: true
	 *       };
	 *        <Collapse {...collapseSettings}>
	 *            <Panel title={<h4 style={{color: "#000"}}>This is panel header 1</h4>} key="1" {...panelOneSettings}>
	 *                <div>
	 *                    姓名：<input type="text" className="name" /><br /><br />
	 *                    电话：<input type="text" className="phone" />
	 *                </div>
	 *            </Panel>
	 *            <Panel title={'This is panel header 2'} key="2" {...panelOneSettings}>
	 *               <p>内容1</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 3'} key="3" {...panelOneSettings}>
	 *               <p>内容2</p>
	 *            </Panel>
	 *        </Collapse>
	 *        <Collapse accordion>
	 *            <Panel title={'This is panel header 1'} key="1" {...panelTwoSettings}>
	 *               <p>内容1</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 2'} key="2" {...panelTwoSettings}>
	 *               <p>内容2</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 3'} key="3" {...panelTwoSettings}>
	 *               <p>内容3</p>
	 *            </Panel>
	 *        </Collapse>
	 */
	var Collapse = React.createClass({displayName: "Collapse",
	    getDefaultProps: function(){
	        return {
	            defaultKey : 0,
	            afterCallBack: function(){

	            }
	        }
	    },
	    getInitialState: function () {
	        var _this = this;
	        return {
	            panelChildren: _this.props.children.map(function(o,i){
	                return React.cloneElement(o, {
	                    key: i ,
	                    panelKey:i,
	                    active : i==_this.props.defaultKey?true:false,
	                    animClassName : "",
	                    arrowContent : i==_this.props.defaultKey?o.props.arrow.openContent:o.props.arrow.closeContent,
	                    height: i==_this.props.defaultKey?46:0,
	                    callback: _this.callback.bind(_this)
	                });
	            })
	        }
	    },
	    componentWillMount: function(){
	    },
	    componentDidMount: function(){
	    },
	    componentDidUpdate: function(){
	        this.props.afterCallBack();
	    },
	    callback: function(key){
	        var _this = this;
	        _this.setState({
	            panelChildren: _this.props.children.map(function(o,i){
	                if(_this.props.accordion){//判断是否是手风琴
	                    return i == key ? React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : !_this.state.panelChildren[i].props.active,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.closeContent:o.props.arrow.openContent,
	                        //height: _this.state.panelChildren[i].props.active?0:46,
	                        callback: _this.callback.bind(_this)
	                    }):React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : false,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : o.props.arrow.closeContent,
	                        //height:0,
	                        callback: _this.callback.bind(_this)

	                    });
	                }else{
	                    return i == key ? React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : !_this.state.panelChildren[i].props.active,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.closeContent:o.props.arrow.openContent,
	                        //height: _this.state.panelChildren[i].props.active?0:46,
	                        callback: _this.callback.bind(_this)
	                    }):React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : _this.state.panelChildren[i].props.active,
	                        animClassName : "",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.openContent:o.props.arrow.closeContent,
	                        //height: _this.state.panelChildren[i].props.height,
	                        callback: _this.callback.bind(_this)
	                    });
	                }

	            })
	        });
	        /*setTimeout(function(){
	            _this.setState({
	                panelChildren: React.Children.map(_this.props.children,function(o,i){
	                    return React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : _this.state.panelChildren[i].props.active,
	                        animClassName : "",
	                        callback: _this.callback
	                    });
	                })
	            });
	        },200);*/
	    },
	    render: function(){
	        var _this = this;
	        var children = _this.state.panelChildren;
	        return (
	            React.createElement("div", {className: "ucs-collapse"}, children)
	        );
	    }
	});

	module.exports = Collapse;

/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {

	
	var classnames = __webpack_require__(15);

	var Panel = React.createClass({displayName: "Panel",
	    getDefaultProps: function(){
	        return {
	            arrow : {
	                style : {
	                    top: "0",
	                    left: "16px"
	                }
	            },
	            headerCanClick: true,
	            arrowCanClick: true
	        };
	    },
	    getInitialState: function () {
	        return {

	        }
	    },
	    componentWillMount: function(){

	    },
	    componentDidMount: function(){

	    },
	    handlerShow: function(canClick,e){
	        var evt = e ? e : window.event;
	        if (evt.stopPropagation) {
	            //W3C
	            evt.stopPropagation();
	        } else {
	            //IE
	            evt.cancelBubble = true;
	        }
	        var _this = this;
	        if(canClick){
	            _this.props.callback(_this.props.panelKey);
	        }else{
	            return;
	        }
	    },
	    componentDidUpdate: function(){

	    },
	    render: function(){
	        var _this = this;
	        var panelClassName = classnames('ucs-collapse-item',{
	            'ucs-collapse-item-active': _this.props.active
	        });
	        var conClassName = classnames('ucs-collapse-content',{
	            'ucs-collapse-content-inactive': !_this.props.active
	        },{
	            'ucs-collapse-content-active': _this.props.active
	        },_this.props.animClassName);
	        return (
	            React.createElement("div", {className: panelClassName}, 
	                React.createElement("div", {className: "ucs-collapse-header", role: "tab", "aria-expanded": _this.props.active, onClick: _this.handlerShow.bind(_this,_this.props.headerCanClick)}, 
	                    React.createElement("span", {className: "arrow", style: _this.props.arrow.style, onClick: _this.handlerShow.bind(_this,_this.props.arrowCanClick)}, _this.props.arrowContent), 
	                    _this.props.title
	                ), 
	                React.createElement("div", {className: conClassName, role: "tabpanel"}, 
	                    React.createElement("div", {className: "ucs-collapse-content-box"}, 
	                        _this.props.children
	                    )
	                )
	            )
	        );
	    }
	});

	module.exports = Panel;

/***/ }
/******/ ]);